$(function(){
	
	showTable();
	
	$("#add").on("click",function(){
		var info={
			"name":$("#name").val(),
			"sex":$("input[type='radio']:checked").attr("value"),
			"sal":$("#sal").val(),
			"birth":$("#birth").val()
		};
		$.ajax({
			type:"POST",
			url:"/springHomework2/addCustomer",
			data:JSON.stringify(info),
			contentType:"application/json",
			
			
		}).done(function(msg){
			console.log(msg);
			var obj = JSON.parse(msg);
			var x = new createTable(obj);
			x.create();
				
		});
		
	});
	
	
	function createTable(data){
		var obj ={};
		obj.create=function(){
			
			$("#table_show tr:gt(0)").empty();
			
			$.each(data,function(index,content){
				var table=$("#table_show");
				
				var tr=$("<tr></tr>");
				
				var d = new DateFormat();
				var date=d.parse(content.birth);
				
				var td0=$("<td style='display:none;'>"+content.id+"</td>");
				var td1=$("<td>" + content.name+"</td>");
				var td2=$("<td>" + content.sex+"</td>");
				var td3=$("<td>" + content.sal+"</td>");
				var td4=$("<td>" + date+"</td>");
				var td5=$("<td></td>");
				
				
				
				var btn1=$("<button name='"+content.id+"'>刪除</button>");
				var btn2=$("<button >更新</button>");
				
				
			
				var obj=new AddEven();
				obj.del(btn1);
				obj.update(btn2);
				
				
				td5.append(btn1).append(btn2);
				tr.append(td0).append(td1).append(td2).append(td3).append(td4).append(td5);
				table.append(tr);
	
			});
			
		};
		return obj;
	}
	
	function AddEven(){
		var obj={};
		obj.del=function(btn){
			btn.on("click",function(e){
				//找一個爸爸
//				var id=$(this).parents("tr").children("td").eq(0).text();
				var id=$(this).parent().prev().prev().prev().prev().prev().text();
//				console.log(id);
				$.ajax({
					type:"GET",
					url:"/springHomework2/delCustomer?id="+id,
				}).done(function(msg){
					if(msg=="delete successful"){
						$("#table_show").find("button[name="+id+"]").parents("tr").remove();
					}else{
						alert(msg);
					}
				});
			});
			
		};
		obj.update=function(btn){
			
			btn.on("click",function(e){
				var mbirth= $(this).parent().prev().text();
				var msal=$(this).parent().prev().prev().text();
				var msex=$(this).parent().prev().prev().prev().text();
				var mname=$(this).parent().prev().prev().prev().prev().text();
				var mid=$(this).parent().prev().prev().prev().prev().prev().text();
				console.log(mbirth+"/"+msal+"/"+msex+"/"+mname+"/"+mid);
				
				$("#mname").val(mname);
				$("#msex").val(msex);
				$("").val(msal);
				$("#mbirth").val(mbirth);
				$("#mid").attr("value",mid);
				
				console.log(mbirth);
				$('#model').modal('show'); 
			});
//			console.log(id);
		};
		return obj;
		
	}
	
	function showTable(){
		$("#msubmit").on("click",function(e){
			
		});
		
		
		$.ajax({
			type:"GET",
			url:"/springHomework2/findAll"
			
		}).done(function(msg){
			var obj = JSON.parse(msg);
			$.each(obj,function(index,content){
				var table=$("#table_show");
				
				var tr=$("<tr></tr>");
				
				var d = new DateFormat();
				var date=d.parse(content.birth);
				
				var td0=$("<td style='display:none;'>"+content.id+"</td>");
				var td1=$("<td>" + content.name+"</td>");
				var td2=$("<td>" + content.sex+"</td>");
				var td3=$("<td>" + content.sal+"</td>");
				var td4=$("<td>" + date+"</td>");
				var td5=$("<td></td>");
				
				
				var btn1=$("<button>刪除</button>");
				var btn2=$("<button>更新</button>")
			
				var obj=new AddEven();
				obj.del(btn1);
				obj.update(btn2);
				
				
				td5.append(btn1).append(btn2);
				tr.append(td0).append(td1).append(td2).append(td3).append(td4).append(td5);
				table.append(tr);
				
				
			})
		});
	}
	
	function DateFormat(){
		var obj={};
		obj.parse=function(date){
			var date=new Date(date);
			var y=date.getFullYear();
			var m=date.getMonth()+1;
			var d=date.getDate();
			return y+"年"+m+"月"+d+"日";
		}
		return obj;
	}
	
	
	
})